<template>
    <el-card class="box-card" shadow="never">
        <div slot="header">
            <span>🎁 {{ $t('card.promotion') }}</span>
        </div>
        <div style="line-height:30px">
          <span 
            class="tag is-success is-light mr-3"
          >
          <a
            target="_blank"
            href="https://www.csdn.net/"
          >
          {{ $t('card.csdn') }}
          </a>
          
          </span>
          <span
            class="tag is-success is-light mr-3"
          >
          <a 
          target="_blank"
            href="https://leetcode-cn.com/"
          >
          {{ $t('card.leetCode') }}
          </a>
          </span>
          <span
            class="tag is-success is-light mr-3"
          >
          <a
            target="_blank"
            href="https://pintia.cn/"
          >
          {{ $t('card.pta') }}
          </a>
          </span>
          <span
            class="tag is-success is-light mr-3"
          >
          <a
            target="_blank"
            href="https://www.luogu.com.cn/"
          >
          {{ $t('card.luoGu') }}
          </a>
          </span>
          <span
            class="tag is-success is-light mr-3"
          >
          <a
            target="_blank"
            href="https://gitee.com/"
          >
          {{ $t('card.gitee') }}
          </a>
          </span>
          <span
            class="tag is-success is-light mr-3"
          >
          <a
            target="_blank"
            href="https://github.com/"
          >
          {{ $t('card.github') }}
          </a>
          </span>
        </div>
    </el-card>
</template>

<script>

export default {
  name: 'Promotion',
  data() {
      return {
      }
  },
  methods: {

  },
}
</script>

<style>
</style>